.root {
  :global {
    .title {
      margin: 54px 0 30px 32px;
      color: #333;
      font-size: 24px;
      font-weight: 300;
    }

    .login-wrap {
      padding: 0 33px;
    }

    .form-item {
      position: relative;
      height: 58px;
      margin-bottom: 17px;
      // @include hairline(bottom, #f0f0f0);

      // 相当于：.form-item:last-child
      // 也就是给最后一个 .form-item 添加样式
      &:last-child {
        margin-top: 39px;
        // border-bottom: none;
        // @include hairline-remove(bottom);
      }

      button {
        width: 309px;
        height: 50px;
        opacity: 1;
        color: #fff;
        font-size: 16px;
        background: linear-gradient(315deg, #ff9999, #ffa179);
        border-radius: 4px;
      }

      .active {
        background: linear-gradient(315deg, #fe4f4f, #fc6627);
      }
    }

    .error {
      position: absolute;
      color: rgb(230, 60, 60);
    }
  }
}